
<app-login style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4" *ngIf="!data.is_login"></app-login>



<div class="navbar flex-div">
  <div style="flex: 1;" class="logo">SATION-CONTROL</div>
  <div style="flex: 1;" class="user">
    <span style="float: right;">
      <span >Hello,{{user}}!</span>
    </span>
  </div>
</div>


<div class="flex-div" style="margin-top: 2px;height: 91%;align-items: flex-start;">

  <div style="flex: 1;" class="nav-left">

      <ul nz-menu [nzMode]="'inline'"  nzTheme='dark'  style="height: 100%">
        <a [routerLink] = "['/home']"><li  nz-menu-item class="menu-li">
          <span title class="menu-title">
            <i class="anticon anticon-home"></i>
            <span>首页</span>
          </span>
        </li></a>
        <a [routerLink] = "['/project']"><li nz-menu-item class="menu-li">
          <span title class="menu-title">
            <i class="anticon anticon-tool"></i>
            <span>工程管理</span>
          </span>
        </li></a>
        <li nz-submenu class="menu-li">
          <span title class="menu-title">
            <i class="anticon anticon-user"></i>
            <span>用户信息</span>
          </span>
          <ul>
            <a [routerLink] = "['/user']" ><li nz-menu-item class="sub-menu"><span class="sub-title">修改信息</span></li></a>
            <a [routerLink] = "['/password']" ><li nz-menu-item class="sub-menu"><span class="sub-title">修改密码</span></li></a>
            <li nz-menu-item class="sub-menu"><span class="sub-title">注销登陆</span></li>
          </ul>
        </li>
        <a [routerLink] = "['/license']"><li nz-menu-item class="menu-li">
          <span title class="menu-title">
            <i class="anticon anticon-key"></i>
            <span>注册license</span>
          </span>
        </li></a>
      </ul>

  </div>
  <div style="flex: 6;" >
    <router-outlet></router-outlet>
  </div>
</div>
